<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="../common/taglibs.jsp"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fun"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>社区</title>
<link type="text/css" rel="stylesheet" href="${path}/static/css/metro.css">
</head>

<body>
  <div class="header">
     <div class="w1200 clearfix">
        <div class="header_left"><span>深圳</span><a class="city2" href="#">切换城市</a><a href="#">设为首页</a>|<a href="#">收藏本站</a></div>
        <div class="header_right"><a class="weixin" href="#"><span></span>微信登录</a><a class="qq" href="#"><span></span>QQ登录</a><a href="#">登录</a><b>|</b><a href="#">注册</a></div>
     </div>
  </div>
  <div class="nav">
     <div class="w1200 clearfix">
        <div class="nav_logo"><a href="#"><img src="${path}/static/images/logo.png" width="192" height="63" alt="地铁社区"/></a></div>
        <ul>
            <li><a class="current" href="#">社区</a></li>
            <li><a href="#">视频</a></li>
            <li><a href="#">文章</a></li>
        </ul>
        <div class="nav_search"><input placeholder="请输入搜索内容" type="text" /><a href="javascript:;"></a></div>
     </div>
  </div>
  <!--广告位-->
  <div class="com_ad w1200"><a href="#"><img src="images/toppic.jpg" width="1154" height="90" alt=""/></a><span>广告</span></div>
  
<div class="w1200 clearfix">
     <div class="community">
        <div class="com_city2">
              <img src="images/shenzhen_big.jpg" alt=""/>
              <span><img src="images/shenzhen.png" alt="深圳"/>深圳</span>
              <b></b><i>会员312万<em>|</em>话题105万</i>
         </div>
        <div class="com_hot clearfix">
           <h2>热门站点</h2>
           <ul>
              <li><a href="#">1号线（罗宝线）——老街</a></li>
              <li><a href="#">1号线（罗宝线）——购物公园</a></li>
              <li><a href="#">1号线（罗宝线）——世界之窗</a></li>
              <li><a href="#">2号线（蛇口线）——科苑</a></li>
              <li><a href="#">3号线（龙岗线）——双龙</a></li>
              <li><a href="#">4号线（龙华线）——清湖</a></li>
              <li><a href="#">5号线（环中线）——长龙</a></li>
              <li><a href="#">1号线（罗宝线）——老街</a></li>
              <li><a href="#">1号线（罗宝线）——购物公园</a></li>
              <li><a href="#">1号线（罗宝线）——世界之窗</a></li>
              <li><a href="#">2号线（蛇口线）——科苑</a></li>
              <li><a href="#">3号线（龙岗线）——双龙</a></li>
              <li><a href="#">4号线（龙华线）——清湖</a></li>
              <li><a href="#">5号线（环中线）——长龙</a></li>
              <li><a href="#">9号线（梅林线）——深圳湾公园</a></li>
           </ul>
        </div>
        
        <div class="com_dyna">
           <h2>社区动态</h2>
           <ul>
              <li class="clearfix">
                  <div class="com_dyna_author"><a href="#"><img src="images/author_01.jpg" alt=""/></a></div>
                  <div class="com_dyna_con">
                      <div class="com_dyna_name"><a href="#">烟燃尽い人离去</a><span>Lv1</span></div>
                      <div class="com_dyna_say"><a href="#">6周年店庆，特大优惠。史无前例东北正宗烤冷面，<br>干净卫生好吃有营养，便宜又实惠！加肠加蛋只需5元！</a></div>
                      <ol class="clearfix">
                          <li><a href="#"><img src="images/img_03.jpg" alt=""/></a></li>
                          <li><a href="#"><img src="images/img_05.jpg" alt=""/></a></li>
                          <li><span></span><b>5</b><a href="#"><img src="images/img_07.jpg" alt=""/></a></li>
                      </ol>
                      <div class="com_dyna_site"><a href="#">2号线(蛇口线)-海上世界</a><span>阅读108</span><b>2</b></div>
                  </div>
              </li>
              <li class="clearfix">
                  <div class="com_dyna_author"><a href="#"><img src="images/author_01.jpg" alt=""/></a></div>
                  <div class="com_dyna_con">
                      <div class="com_dyna_name"><a href="#">COCO海外婚礼&婚纱摄影</a><span>Lv12</span></div>
                      <div class="com_dyna_say"><a href="#">仅售299元，价值699元宝宝/艺术/孕妇照1次！需预约！<br>艺术照/孕妇照套餐1次<br>服装造型：提供3套服装（可自带服装，包含在3套内）<br>拍摄场景：内景拍摄，（内景拍摄地点：店内）</a></div>
                      <ol class="clearfix">
                          <li><a href="#"><img src="images/img_03.jpg" alt=""/></a></li>
                          <li><a href="#"><img src="images/img_05.jpg" alt=""/></a></li>
                          <li><a href="#"><img src="images/img_07.jpg" alt=""/></a></li>
                      </ol>
                      <div class="com_dyna_site"><a href="#">2号线(蛇口线)-海上世界</a><span>阅读108</span><b class="point">25</b></div>
                  </div>
              </li>
              <li class="clearfix">
                  <div class="com_dyna_author"><a href="#"><img src="images/author_01.jpg" alt=""/></a></div>
                  <div class="com_dyna_con">
                      <div class="com_dyna_name"><a href="#">COCO海外婚礼&婚纱摄影</a><span>Lv12</span></div>
                      <div class="com_dyna_say"><a href="#">仅售299元，价值699元宝宝/艺术/孕妇照1次！需预约！<br>艺术照/孕妇照套餐1次<br>服装造型：提供3套服装（可自带服装，包含在3套内）<br>拍摄场景：内景拍摄，（内景拍摄地点：店内）</a></div>
                      <ol class="clearfix">
                          <li><a href="#"><img src="images/img_03.jpg" alt=""/></a></li>
                          <li><a href="#"><img src="images/img_05.jpg" alt=""/></a></li>
                      </ol>
                      <div class="com_dyna_site"><a href="#">2号线(蛇口线)-海上世界</a><span>阅读108</span><b>300</b></div>
                  </div>
              </li>
              <li class="clearfix">
                  <div class="com_dyna_author"><a href="#"><img src="images/author_01.jpg" alt=""/></a></div>
                  <div class="com_dyna_con">
                      <div class="com_dyna_name"><a href="#">COCO海外婚礼&婚纱摄影</a><span>Lv12</span></div>
                      <div class="com_dyna_say"><a href="#">仅售299元，价值699元宝宝/艺术/孕妇照1次！需预约！<br>艺术照/孕妇照套餐1次</a></div>
                      <ol class="clearfix">
                          <li><a href="#"><img src="images/img_03.jpg" alt=""/></a></li>
                      </ol>
                      <div class="com_dyna_site"><a href="#">2号线(蛇口线)-海上世界</a><span>阅读108</span><b class="point">153</b></div>
                  </div>
              </li>
              <li class="clearfix">
                  <div class="com_dyna_author"><a href="#"><img src="images/author_01.jpg" alt=""/></a></div>
                  <div class="com_dyna_con">
                      <div class="com_dyna_name"><a href="#">下一个路口见</a><span>Lv12</span></div>
                      <div class="com_dyna_say"><a href="#">趣味签到：总有一瞬间觉得自己是孤单的，心情浮起小小的落寞。</a></div>
                      <div class="com_dyna_site"><a href="#">1号线(罗宝线)-深大</a><span>阅读108</span><b>153</b></div>
                  </div>
              </li>
              <li class="clearfix">
                  <div class="com_dyna_author"><a href="#"><img src="images/author_01.jpg" alt=""/></a></div>
                  <div class="com_dyna_con">
                      <div class="com_dyna_name"><a href="#">COCO海外婚礼&婚纱摄影</a><span>Lv12</span></div>
                      <div class="com_dyna_say"><a href="#">仅售299元，价值699元宝宝/艺术/孕妇照1次！需预约！<br>艺术照/孕妇照套餐1次</a></div>
                      <ol class="clearfix">
                          <li><a href="#"><img src="images/img_03.jpg" alt=""/></a></li>
                      </ol>
                      <div class="com_dyna_site"><a href="#">2号线(蛇口线)-海上世界</a><span>阅读108</span><b class="point">153</b></div>
                  </div>
              </li>
              <li class="clearfix">
                  <div class="com_dyna_author"><a href="#"><img src="images/author_01.jpg" alt=""/></a></div>
                  <div class="com_dyna_con">
                      <div class="com_dyna_name"><a href="#">下一个路口见</a><span>Lv12</span></div>
                      <div class="com_dyna_say"><a href="#">趣味签到：总有一瞬间觉得自己是孤单的，心情浮起小小的落寞。</a></div>
                      <div class="com_dyna_site"><a href="#">1号线(罗宝线)-深大</a><span>阅读108</span><b>153</b></div>
                  </div>
              </li>
           </ul>
        </div>
        
        <ul class="com_page clearfix">
           <li><a href="#">上一页</a></li>
           <li><a href="#">首页</a></li>
           <li><a class="current" href="#">1</a></li>
           <li><a href="#">2</a></li>
           <li><a href="#">3</a></li>
           <li><a href="#">4</a></li>
           <li><a href="#">...</a></li>
           <li><a href="#">10</a></li>
           <li><a href="#">11</a></li>
           <li><a href="#">12</a></li>
           <li><a href="#">末页</a></li>
           <li><a href="#">下一页</a></li>
        </ul>
     </div>
     <!--右边-->
     <div class="com_right">
       <div class="com_visit">
            <div class="com_visit_pic"><img src="images/author_01.jpg" ></div>
            <div class="com_visit_name">风的记忆<span>l3</span></div>
            <div class="com_visit_add">广东 | 深圳</div>
            <div class="com_visit_new"><a href="#">4</a>粉丝 | <a href="#">6</a>动态 | <a href="#">122</a>积分</div>
            <a class="com_visit_btn" href="#">退出</a>
       </div>
       <div class="com_write"><a href="#">发表新帖</a></div>
       <div class="com_sign"><a href="#">签到</a></div>
       <div class="com_art">
         <h2>热门文章</h2>
          <ul>
             <li>
                 <a href="#"><img src="images/art_01.png" alt=""/></a>
                 <h3><span>欧冠称雄见证巴萨“王者归来”</span><b><i>1235人</i>关注</b></h3>
             </li>
             <li>
                 <a href="#"><img src="images/art_02.jpg" alt=""/></a>
                 <h3><span>品鉴会“环游世界”，我还想再来一遍！</span><b><i>1235人</i>关注</b></h3>
             </li>
             <li>
                 <a href="#"><img src="images/art_02.jpg" alt=""/></a>
                 <h3><span>品鉴会“环游世界”，我还想再来一遍！</span><b><i>1235人</i>关注</b></h3>
             </li>
             <li>
                 <a href="#"><img src="images/art_02.jpg" alt=""/></a>
                 <h3><span>品鉴会“环游世界”，我还想再来一遍！</span><b><i>1235人</i>关注</b></h3>
             </li>
             <li>
                 <a href="#"><img src="images/art_02.jpg" alt=""/></a>
                 <h3><span>品鉴会“环游世界”，我还想再来一遍！</span><b><i>1235人</i>关注</b></h3>
             </li>
             <li>
                 <a href="#"><img src="images/art_02.jpg" alt=""/></a>
                 <h3><span>品鉴会“环游世界”，我还想再来一遍！</span><b><i>1235人</i>关注</b></h3>
             </li><li>
                 <a href="#"><img src="images/art_02.jpg" alt=""/></a>
                 <h3><span>品鉴会“环游世界”，我还想再来一遍！</span><b><i>1235人</i>关注</b></h3>
             </li>
          </ul>
         </div>
       <div class="com_ardour">
         <h2>热心居民</h2>
          <ul class="clearfix">
             <li>
                <a href="#"><img src="images/avatar.gif" alt=""/></a>
                <p><a href="#">天下雨我想你</a></p>
             </li>
             <li>
                <a href="#"><img src="images/avatar.gif" alt=""/></a>
                <p><a href="#">天下雨我想你</a></p>
             </li>
             <li>
                <a href="#"><img src="images/avatar.gif" alt=""/></a>
                <p><a href="#">天下雨我想你</a></p>
             </li>
             <li>
                <a href="#"><img src="images/avatar.gif" alt=""/></a>
                <p><a href="#">天下雨我想你</a></p>
             </li>
             <li>
                <a href="#"><img src="images/avatar.gif" alt=""/></a>
                <p><a href="#">天下雨我想你</a></p>
             </li>
             <li>
                <a href="#"><img src="images/avatar.gif" alt=""/></a>
                <p><a href="#">天下雨我想你</a></p>
             </li>
             <li>
                <a href="#"><img src="images/avatar.gif" alt=""/></a>
                <p><a href="#">天下雨我想你</a></p>
             </li>
             <li>
                <a href="#"><img src="images/avatar.gif" alt=""/></a>
                <p><a href="#">天下雨我想你</a></p>
             </li>
             <li>
                <a href="#"><img src="images/avatar.gif" alt=""/></a>
                <p><a href="#">天下雨我想你</a></p>
             </li>
          </ul>
         </div>
         <div class="com_topic">
            <h2>热门话题</h2>
            <ul class="clearfix">
                <li><a href="#">Android</a></li>
                <li><a href="#">在线客服</a></li>
                <li><a href="#">AppStore</a></li>
                <li><a href="#">二维码</a></li>
                <li><a href="#">开发者</a></li>
                <li><a href="#">新品发布</a></li>
                <li><a href="#">周年庆典</a></li>
                <li><a href="#">秋季新品</a></li>
                <li><a href="#">发布会</a></li>
                <li><a href="#">个人信息</a></li>
                <li><a href="#">手机浏览器</a></li>
                <li><a href="#">网络测速</a></li>
                <li><a href="#">管理软件</a></li>
                <li><a href="#">智能电视</a></li>
                <li><a href="#">数据线</a></li>
            </ul>
         </div>
     </div>
  </div>
  <div class="com_link w1200">
     <h2>友情链接</h2>
     <p class="clearfix"><a href="#">百度</a><a href="#">阿里巴巴</a><a href="#">腾讯</a><a href="#">京东</a><a href="#">淘宝</a></p>
  </div>
  <div class="footer">Copyright© 2016-2017 深圳市新管家软件科技有限公司 </div>
<div class="com_code">
  <h2>扫一扫，加入我们</h2>
      <div class="com_code_img"><img src="images/qrcode.jpg" alt=""/></div>
      <a class="come_code_and">Android版下载</a>
      <a class="come_code_ios">iPhone版下载</a>
</div>
<!--置顶-->
<div class="go_top"><a href="javascript:;">置顶</a></div>
  <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
  <script type="text/javascript">
     $(function(){
		 //点赞
	     $('.com_dyna_site b').on('click',function(){
		     if(!$(this).hasClass('point')){
			   $(this).addClass('point');
			   var num=parseInt($(this).text())+1;
			   $(this).text(num);
			}
		 });
		 //置顶
		$(window).scroll(function() {
		   if ($(this).scrollTop() >= '300') {
			    $('.go_top').show();
		   } else {
			   $('.go_top').hide();
		   }
	     });
		 $(".go_top").click(function() {
		    window.scrollTo(0, 0);
	    });
	 });
  </script>
</body>
</html>
